/* 导航 */
#nav {
	width: 100%;
	height: 50px;
	background-color: #fd5c63;
	position: fixed;
	z-index: 9999;
	.container {
		.row > div {
			padding: 0;
		}
		.input {
			width: 100%;
			height: 50px;
			// background-color: red;
			position: absolute;
			span {
				position: relative;
				top : 20px;
				left: 5px;
				z-index: 2;
			}
			input {
				position: relative;
				z-index: 1;
				top: -10px;
				text-indent: 15px;
			}
		}
		.list {
			li {
				width: 60px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				display: inline-block;
				// background-color: yellow;
				a {
					display: block;
					color: #fff;
					text-decoration: none;
					&:hover {
						text-shadow : 1px 1px 1px #ccc;
					}
				}
			}
		}
		.in_out {
			li {
				width: 40px;
				height: 50px;
				line-height: 50px;
				text-align: center;
				display: inline-block;
				// background-color: yellow;
				a {
					display: block;
					color: #fff;
					text-decoration: none;
					&:hover {
						color: #000;
					
					}
				}
			}
		}
	}
}
/* l轮播图 */
#mycarousel {
	margin-top: 50px;
	.slide {
		width: 100%;
		height: 640px;
		margin: 0 auto;
		background: url(../img/slide.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
}
/* 主体 */
#main {
	margin: 10px 0 0 0;
	.container {
		.first {
			text-align: center;
		}
		.all {
			.block {
				margin-bottom: 20px;
				display: inline-block;
				text-align: center;
				text-decoration: none;
				color: #666;
				&:hover {
					color: #fd5c63;
				}
				h4 {
					font-size: 16px;
					margin: 5px 0;
					padding: 0;
				}
			}
		}
	}
}

/* 尾部 */
#footer {
	width: 100%;
	height: 373px;
	background-color: #fd5c63;
	.link {
		text-align: center;
	}
	.icon {
		width: 55px;
		height: 55px;
		display: inline-block;
		margin: 20px 4% 10px 4%;
	}
	.icon_qq {
		background: url(../img/qq.png) no-repeat 50% 50%;
	}
	.icon_weixin {
		background: url(../img/weixin.png) no-repeat 50% 50%;
	}
	.icon_weibo {
		background: url(../img/weibo.png) no-repeat 50% 50%;
	}
	.row {
		// margin: 50px 0 0 0;
		h3 {
			color: #fff;
			font-size: 20px;
			margin: 0;
		}
		p {
			color: #fff;
		}
		ul {
			// height: 180px;
			// background-color: #ccc;
			li {
				margin: 8px 0;
				a {
					color: #fff;
					font-size: 16px;
				}
			}
		}
	}
	.copy {
		color: #fff;
	}
}



/*没有小于768px，因为bs3以移动端优先设计*/
/* 小屏幕（平板，大于等于768px） */
@media (max-width: 768px) {
	#mycarousel .slide {
		height: 240px;
	}
	#main .block h4 {
		font-size: 10px;
	}
}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	#mycarousel .slide {
		height: 340px;
	}
}
/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	#mycarousel .slide {
		height: 540px;
	}
}
/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
	#mycarousel .slide {
		height: 640px;
	}
}
